@forward 'element-plus/theme-chalk/src/common/var.scss' with (
    $colors: (
        'primary': (
            'base': #3f8cff
        ),
        'success': (
            'base': #67c23a
        ),
        'warning': (
            'base': #e6a23c
        ),
        'danger': (
            'base': #f56c6c
        ),
        'error': (
            'base': #f56c6c
        ),
        'info': (
            'base': #909399
        )
    ),
    $text-color: (
        '': #0c41ad,
        'primary': #303133,
        'regular': #606266,
        'secondary': #909399,
        'placeholder': #a8abb2,
        'disabled': #c0c4cc
    ),
    $bg-color: (
        'page': #f2f8fc
    ),
    $header: (
        'padding': 0 20px,
        'height': 65px
    ),
    $main: (
        'padding': 20px
    ),
    $menu: (
        'bg-color': #fff,
        'text-color': #718096,
        'hover-bg-color': #ebf3ff,
        'border-color': #888,
        'item-height': 56px,
        'icon-width': 24px
    ),
    $card: (
        'border-radius': 6px,
        'border-color': #fcfcfc
    ),
    $dialog: (
        'border-radius': 6px
    )
);

@use './dark.scss';
@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;

:root {
    --ym-aside-width: 200px;
}
